<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--1.引入Vue.js文件-->
    <script src="js/vue.js"></script>
</head>
<body>
<!--2.准备容器-->
<div id="app">
    <!--vue使用的代码在app中-->
    <!--{{}}称为插值语法 放js表达式-->
    <h1>你好，{{username}},密码为：{{password}}</h1>

</div>
<!--3.使用Vue-->
<script>
    //创建一个Vue对象
    new Vue({
        el:'#app',//指定当前Vue对象给哪个容器使用
        data:{//用于存储数据，数据提供给容器去使用 data值是对象 或 函数
            username:'张三',
            password:'123456',
            city:['昆明','大理']
        }
    });
</script>

</body>
</html>